<template>
  <div style="padding:15px">
    <Select v-model="model1" placeholder="选择部门" style="width:200px;margin:10px 10px 10px 0;">
      <Option value="领导班子">领导班子</Option>
      <Option value="综合部">综合部</Option>
      <Option value="财务部">财务部</Option>
      <Option value="安全运营部">安全运营部</Option>
      <Option value="信息管理部">信息管理部</Option>
      <Option value="后勤保障安全部">后勤保障安全部</Option>
      <Option value="事故处理部">事故处理部</Option>
      <Option value="一卡通">一卡通</Option>
    </Select>
    <Select v-model="model1" placeholder="选择线路" style="width:200px;margin:10px 10px 10px 0;">
      <Option value="1">1</Option>
      <Option value="2">2</Option>
      <Option value="3">3</Option>
      <Option value="4">4</Option>
      <Option value="5">5</Option>
      <Option value="6">6</Option>
      <Option value="7">7</Option>
      <Option value="8">8</Option>
    </Select>
    <DatePicker
      placeholder="选择时间范围"
      placement="bottom-start"
      style="width: 200px;margin:0 10px 10px 0;"
      type="daterange"
    ></DatePicker>
    <div class="btnBox">
      <Button icon="md-search" type="primary" @click="handleSearch">查询</Button>
      <Button icon="md-refresh" @click="handleReset">重置</Button>
    </div>
    <br/>
    <Button icon="md-cloud-download" style="margin-bottom:10px;">导出</Button>
    <br/>
    <template>
      <Table :columns="columns" :data="data1" :loading="loading" border stripe></Table>
    </template>
    <Row class="page" justify="end" type="flex">
      <Page
        :current="1"
        :page-size="data1.length"
        :total="total"
        show-total
        @on-change="changePage"
        @on-page-size-change="changePageSize"
      />
    </Row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      model1: '',
      loading: false,
      total: 0,
      columns: [
        {
          title: '序号',
          key: 'serial',
          align: 'center'
        },
        {
          title: '姓名',
          key: 'name',
          align: 'center'
        },
        {
          title: '出勤天数',
          key: 'attendance',
          align: 'center'
        },
        {
          title: '应发',
          align: 'center',
          children: [
            {
              title: '基本工资',
              key: 'basic',
              align: 'center'
            },
            {
              title: '修车补助',
              key: 'repair',
              align: 'center'
            },
            {
              title: '工龄工资',
              key: 'seniority',
              align: 'center'
            },
            {
              title: '收卡奖励',
              key: 'card',
              align: 'center'
            },
            {
              title: '节假日加班',
              key: 'overtime',
              align: 'center'
            },
            {
              title: '单车核算奖罚',
              key: 'award',
              align: 'center'
            },
            {
              title: '降温费',
              key: 'extra',
              align: 'center'
            },
            {
              title: '好人好事',
              key: 'goodDeed',
              align: 'center'
            }
          ]
        },
        {
          title: '应发工资',
          key: 'must',
          align: 'center'
        },
        {
          title: '代扣款',
          align: 'center',
          children: [
            {
              title: '养老',
              key: 'pension',
              align: 'center'
            },
            {
              title: '医保',
              key: 'medical',
              align: 'center'
            },
            {
              title: '失业',
              key: 'unemployment',
              align: 'center'
            },
            {
              title: '个税',
              key: 'personal',
              align: 'center'
            },
            {
              title: '公会会费',
              key: 'dues',
              align: 'center'
            },
            {
              title: '水电费',
              key: 'water',
              align: 'center'
            }
          ]
        },
        {
          title: '应扣罚款',
          key: 'penalty',
          align: 'center'
        },
        {
          title: '实发工资',
          key: 'real',
          align: 'center'
        },
        {
          title: '领款人签字',
          key: 'sigl',
          align: 'center'
        },
        {
          title: '投诉',
          key: 'complaint',
          align: 'center'
        },
        {
          title: '通报',
          key: 'bulletin',
          align: 'center'
        },
        {
          title: '监控',
          key: 'monitor',
          align: 'center'
        },
        {
          title: '事故',
          key: 'accident',
          align: 'center'
        }
      ],
      data1: [
        {
          serial: '1',
          name: '陈华',
          attendance: 20,
          basic: 6516.13,
          repair: 60,
          seniority: 100,
          card: 0,
          overtime: 240,
          award: 11.28,
          extra: 320,
          goodDeed: 0,
          must: 4847.41,
          pension: 249.65,
          medical: 667.44,
          unemployment: 9.36,
          personal: 0,
          dues: 18,
          water: 0,
          penalty: 0,
          real: 4829.41,
          sigl: '',
          complaint: '',
          bulletin: 200,
          monitor: '',
          addident: ''
        },
        {
          serial: '合计',
          name: '',
          attendance: 20,
          basic: 6516.13,
          repair: 60,
          seniority: 100,
          card: 0,
          overtime: 240,
          award: 11.28,
          extra: 320,
          goodDeed: 0,
          must: 4847.41,
          pension: 249.65,
          medical: 667.44,
          unemployment: 9.36,
          personal: 0,
          dues: 18,
          water: 0,
          penalty: 0,
          real: 4829.41,
          sigl: '',
          complaint: '',
          bulletin: 200,
          monitor: '',
          addident: ''
        }
      ]
    }
  },
  methods: {
    changePage() {
    },
    changePageSize() {
    },
    handleReset() {
    },
    handleSearch() {
    }
  }
}
</script>
